export function getHeartChart(val) {
	let { value, label , time } = val;
	value = value.map((item, index) => {
		return [label[index], item.heartRate];
	});
	let option = {
		title: {
			show: false,
			text: '心率检测'
		},
		dataZoom: {
			type: 'inside', // 设置为内部滚动条类型
			xAxisIndex: 0, // 指定对 x 轴进行内部滚动
			start: 0, // 初始的数据窗口范围的起始位置
			end: 100, // 初始的数据窗口范围的结束位置
		},
		legend: {},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross"
			}
		},
		grid: {
			top: 30,
			bottom: 20,
			left: 50,
			right: 50
		},
		xAxis: {
			type: 'time',
			axisLabel: {
				show: true,
				showMaxLabel: true,
				showMinLabel: true,
				formatter: '{yyyy}-{MM}-{dd}',
			},
			maxInterval: time,
		},
		yAxis: {
			type: 'value',
			scale: true,
			name: '次/分',
			max: 220,
			min: 40
		},
		series: [
			{
				name: "心率",
				data: value,
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#F712CE",
				},
			}
		],
		visualMap: {
			show: false,
			pieces: [
				{
					gt: 0,
					lte: 100,
					color: '#FBDD68'
				},
				{
					gt: 100,
					color: '#FA4E45'
				}
			]
		}
	};
	return option;
}



export function getBloodOxygenChart(val) {
	let { value, label ,time} = val
	label = label || ['']
	value = value.map((item, index) => {
		return [label[index], item.bloodOxygen];
	});
	let option = {
		title: {
			show: false,
			text: '血氧检测'
		},
		dataZoom: {
			type: 'inside', // 设置为内部滚动条类型
			xAxisIndex: 0, // 指定对 x 轴进行内部滚动
			start: 0, // 初始的数据窗口范围的起始位置
			end: 100, // 初始的数据窗口范围的结束位置
		},
		legend: {},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross"
			}
		},

		grid: {
			top: 30,
			bottom: 20,
			left: 50,
			right: 50
		},

			xAxis: {
			type: 'time',
			axisLabel: {
				show: true,
				showMaxLabel: true,
				showMinLabel: true,
				formatter: '{yyyy}-{MM}-{dd}',
			},
			maxInterval: time,
		},
		yAxis: {
			type: 'value',
			scale: true,
			name: "%",
			max: 100,
			min: 60
		},
		series: [
			{
				name: "血氧",
				data: value, // || [99, 90, 89, 90, 98],
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#F712CE",
				},
				// markLine: {
				//     data: [
				//         [
				//             { coord: [val.label[0], 95] },
				//             { coord: [val.label[val.label.length - 1], 95] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FDCB7F ',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '95'
				//                 }
				//             }
				//         ],
				//         [
				//             { coord: [val.label[0], 90] },
				//             { coord: [val.label[val.label.length - 1], 90] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FF4848',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '90'
				//                 }
				//             }
				//         ]
				//     ]
				// }
			}
		],
		visualMap: {
			show: false,
			pieces: [
				{
					gt: 95,
					lte: 100,
					color: '#68FF73'
				},
				{
					gt: 90,
					lte: 95,
					color: '#FDCB7F'
				},
				{
					gt: 0,
					lte: 90,
					color: '#FF4848'
				}
			]
		}
	}

	return option
}

export function getBloodPressureChart(val) {
	let { value, label } = val
	val.label = val.label || ['']
	value[0]?.sort()
	value[1]?.sort()
	label.sort()
	let option = {
		title: {
			show: false,
			text: '血压检测'
		},
		dataZoom: {
			type: 'inside', // 设置为内部滚动条类型
			xAxisIndex: 0, // 指定对 x 轴进行内部滚动
			start: 0, // 初始的数据窗口范围的起始位置
			end: 100, // 初始的数据窗口范围的结束位置
		},
		legend: {},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross"
			}
		},
		grid: {
			top: 30,
			bottom: 20,
			left: 50,
			right: 50
		},
		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: val.label
		},
		yAxis: {
			type: 'value',
			scale: true,
			name: "%",
			max: 120,
			min: 60
		},
		series: [
			{
				name: "收缩压",
				data: val.value[0], // || [99, 90, 89, 90, 98],
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#F712CE",
				},
				// markLine: {
				//     data: [
				//         [
				//             { coord: [val.label[0], 95] },
				//             { coord: [val.label[val.label.length - 1], 95] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FDCB7F ',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '95'
				//                 }
				//             }
				//         ],
				//         [
				//             { coord: [val.label[0], 90] },
				//             { coord: [val.label[val.label.length - 1], 90] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FF4848',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '90'
				//                 }
				//             }
				//         ]
				//     ]
				// }
			},
			{
				name: "舒张压",
				data: val.value[1], // || [99, 90, 89, 90, 98],
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#68BBC4",
				},
				// markLine: {
				//     data: [
				//         [
				//             { coord: [val.label[0], 95] },
				//             { coord: [val.label[val.label.length - 1], 95] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FDCB7F ',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '95'
				//                 }
				//             }
				//         ],
				//         [
				//             { coord: [val.label[0], 90] },
				//             { coord: [val.label[val.label.length - 1], 90] },
				//             {
				//                 lineStyle: {
				//                     type: 'dash',
				//                     color: '#FF4848',
				//                     width: 2
				//                 },
				//                 symbol: 'circle',
				//                 label: {
				//                     show: true,
				//                     position: 'end',
				//                     formatter: '90'
				//                 }
				//             }
				//         ]
				//     ]
				// }
			}
		],
	}

	return option
};


export function getTemperatureChart(val) {
	let { value, label, time } = val
	value = value.map((item, index) => {
		return [label[index], item.bodyTemperature];
	});
	let option = {
		title: {
			show: false,
			text: '体温检测'
		},
		dataZoom: {
			type: 'inside', // 设置为内部滚动条类型
			xAxisIndex: 0, // 指定对 x 轴进行内部滚动
			start: 0, // 初始的数据窗口范围的起始位置
			end: 100, // 初始的数据窗口范围的结束位置
		},
		legend: {},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross"
			}
		},
		grid: {
			top: 30,
			bottom: 20,
			left: 50,
			right: 50
		},
		xAxis: {
			type: 'time',
			axisLabel: {
				show: true,
				showMaxLabel: true,
				showMinLabel: true,
				formatter: '{yyyy}-{MM}-{dd}',
			},
			maxInterval: time,
		},
		yAxis: {
			type: 'value',
			scale: true,
			name: '℃',
			max: 120,
			min: 60
		},
		series: [
			{
				name: "体温",
				data: value, // || [0, 0, 0, 0, 0],
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#F712CE",
				},
			}
		],
		visualMap: {
			show: false,
			pieces: [
				{
					gt: 0,
					lte: 100,
					color: '#FBDD68'
				},
				{
					gt: 100,
					color: '#FA4E45'
				}
			]
		}
	}
	return option
};

export function getBreathRateChart(val) {

	let option = {
		title: {
			show: false,
			text: '呼吸'
		},
		legend: {},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross"
			}
		},
		dataZoom: {
			type: "inside"
		},
		grid: {
			top: 30,
			bottom: 20,
			left: 50,
			right: 50
		},
		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: val.label
		},
		yAxis: {
			type: 'value',
			scale: true,
			name: '次',
			max: 50,
			min: 0
		},
		series: [
			{
				name: "呼吸",
				data: val.value, // || [0, 0, 0, 0, 0],
				type: 'line',
				smooth: true,
				showSymbol: false,
				lineStyle: {
					color: "#F712CE",
				},
			}
		],
		visualMap: {
			show: false,
			pieces: [
				{
					gt: 0,
					lte: 100,
					color: '#FBDD68'
				},
				{
					gt: 100,
					color: '#FA4E45'
				}
			]
		}
	}
	return option
};
